<div class="panel-comtrade">
  <!-- <TLoading :tloading="tv.tpanelTrade.tloading" /> -->
  <div class="bd df">
    <div class="i">{{ i18n.trade.date }}</div>
    <div class="i">{{ i18n.trade.type }}</div>
    <div class="i">{{ i18n.trade.price }}({{ tv.mu.symbol }})</div>
    <div class="i">{{ i18n.trade.amount }}</div>
  </div>
  <div class="ft" data-scrollbar style="overflow-y: scroll;">
    <div>
      <div class="r df" *ngFor="let item of tradeLists; let i = index">
        <div class="i">{{item.date | dubaiDate('HH:mm:ss')}}</div>
        <div
          class="i"
          [ngClass]="{ buy: item.side == 'BUY', sell: item.side == 'SELL' }"
          v-i18n="{i18n:i18n.trade,key:item.side}"
        >
          {{ item.side }}
        </div>
        <div class="i">{{ item.price }}</div>
        <div class="i" v-formatAmount="{val:item.amount,point:minPoint}">
          {{ item.amount }}
        </div>
      </div>
    </div>
  </div>
</div>
